<template>
	<!-- <u-form :model="form" ref="uForm">
		<u-form-item label="姓名"><u-input v-model="form.name" /></u-form-item>
		<u-form-item label="简介"><u-input v-model="form.intro" /></u-form-item>
		<u-form-item label="性别"><u-input v-model="form.sex" type="select" /></u-form-item>
	</u-form> -->
	<view class="warp back-view">
		<u-card>
			<view class="item-view">
				<u-row gutter="0">
					<u-col span="12">
						<text class="name">运单号： {{ waybillDetail.waybill_sn }}</text>
					</u-col>

				</u-row>
				<u-row gutter="0">
					<u-col span="12">
						<text class="name">运单等级：{{ getLevel(waybillDetail)}}</text>
					</u-col>
				</u-row>
				<u-row gutter="0">
					<u-col span="12">
						<text class="name">运单状态：{{ waybillStatus(waybillDetail) }}</text>
					</u-col>
				</u-row>
				<u-row gutter="0">
					<u-col span="4">
						<view class="good-item"> <text class="name">货物名称</text></view>
					</u-col>
					<u-col span="2">
						<view class="good-item"> <text class="name">包装</text></view>
					</u-col>
					<u-col span="2">
						<view class="good-item"> <text class="name">数量</text></view>
					</u-col>
					<u-col span="2">
						<view class="good-item"> <text class="name">总(KG)</text></view>
					</u-col>
					<u-col span="2">
						<view class="good-item"> <text class="name">总(方)</text></view>
					</u-col>
				</u-row>
				<u-row gutter="0" v-for="(goodItem ,row) in waybillDetail.goods" :key="row">
					<u-col span="4">
						<text class="value">{{ goodItem.goods_name }}</text>
					</u-col>
					<u-col span="2">
						<text class="value">{{ goodItem.goods_pack }}</text>
					</u-col>
					<u-col span="2">
						<text class="value">{{ goodItem.goods_nums }}</text>
					</u-col>
					<u-col span="2">
						<text class="value"> {{ goodItem.total_weight }}</text>
					</u-col>
					<u-col span="2">
						<text class="value">{{ goodItem.total_volume }}</text>
					</u-col>
				</u-row>
				<!-- <u-row gutter="0">
					<u-col span="6">
						<text class="name">总费用：{{ waybillDetail.all_amount }}</text>
					</u-col>
					<u-col span="6">
						<text class="name">总运费： {{waybillDetail.all_order_amount }}</text>
					</u-col>
				</u-row> -->
				<!-- <u-row gutter="0">
					<u-col span="12">
						<text class="name">代收货款：{{ waybillDetail.advance_amount }}</text>
					</u-col>
				</u-row> -->
				<u-row gutter="0">
					<u-col span="6">
						<text class="name">起始网点： {{ waybillDetail.start_point_name}}</text>
					</u-col>
					<u-col span="6">
						<text class="name">目的城市：{{ getDestinationCity(waybillDetail) }}</text>
					</u-col>
				</u-row>
				<u-row gutter="0">
					<u-col span="6">
						<text class="name">收货人： {{ waybillDetail.take_username }}</text>
					</u-col>
					<u-col span="6">
						<text class="name">收货电话：{{ waybillDetail.take_mobile }}</text>
					</u-col>
				</u-row>
				<u-row gutter="0">
					<u-col span="12">
						<text class="name">开票时间： {{ waybillDetail.createtime_date }}</text>
					</u-col>
				</u-row>
				<u-row gutter="0">
					<u-col span="12">
						<text class="name">备注：{{ waybillDetail.remark }}</text>
					</u-col>
				</u-row>

				<u-row gutter="0">
					<u-col span="12">
						<uni-file-picker 
							:image-styles="imageStyles"
							mode="grid"  
							fileMediatype="image" 
							limit="4" 
							title="请上传4张不同角度照片" 
							@select="select"
							@progress="progress" 
							@delete="deleteImg"
							@fail="fail" 
							:auto-upload="false">
						</uni-file-picker>
					</u-col>
				</u-row>
				<u-row gutter="0" style="margin-top: 32rpx;">
					<u-col span="6">
						<view class="qoute" @click="uploadImage">上传图片</view>
					</u-col>
					<u-col span="6">
						<view class="pay" @click="submitImage">提交</view>
					</u-col>
				</u-row>
			</view>
		</u-card>
		<loading-cover ref="loadingCover"></loading-cover>
	</view>

</template>

<script>
	import depart from './order-depart-confirm.js';
	export default {
		components: {},
		mixins: [depart],
		data() {
			return {
				 
			};
		},
		methods: {
			 
		}
	};
</script>

<style lang="scss">
	@import './order-depart-confirm.scss';
</style>